var $timerButton = (function(){
  function show(conf){
    //get elem
    var $btn = $(`<input type="button" disabled>`),
        cfg = {//组件参数化
        container:'body',
        num: 6,
        title:'同意',
        
    }, 
    num,
    timer ;

    //1.DOM draw
    $(cfg.container).append($btn);
    $.extend(cfg,conf);//将cfg扩展到conf jQuery方法
    num = cfg.num;

    $btn.val(cfg.title + "(" + cfg.num + '$)');

    timer = setInterval(function(){
      num--;
      if(cfg.num === 0){
        clearInterval(timer);
        $btn.val(cfg.title);
        $btn.removeAttr('disabled');
      }else{
        $btn.val(cfg.title + '('+num +'s)');
      }
    },1000);

    //2.event bind
    
    //click event
    $btn.click(cfg.onClick());//组件的事件绑定

  }  

  return {
    show:show;
  }
}());

//不用page load event
//封装成对象，有几种方法：
//1.简单对象字面量：不完全面向对象，不能包括私有方法
//var timerbtn = { 
//    show:function()
//}

//2.工厂函数：一个函数返回值是一个简单对象(常用)
//var timerbtn = function(){
//  return{
//    show:function(){}
//  }
//}()

//3.构造函数：function TimerBtn(){
//}
//var tb = new TimerBtn();




